<template>
  <div class="OnlineConsultation">
    <el-card>
      <div class="radio-box">
        <el-radio-group v-model="radioValue" size="medium ">
          <el-radio-button label="概览"></el-radio-button>
          <el-radio-button label="选择机型"></el-radio-button>
          <el-radio-button label="服务评价"></el-radio-button>
        </el-radio-group>
      </div>
      <div class="container">
        <SelectModels v-if="radioValue==='概览'"></SelectModels>
        <SelectModels v-if="radioValue==='选择机型'"></SelectModels>
        <ServiceEvaluation v-if="radioValue==='服务评价'"></ServiceEvaluation>
      </div>
    </el-card>
  </div>
</template>

<script>
  import SelectModels from './components/SelectModels.vue'
  import ServiceEvaluation from './components/ServiceEvaluation.vue'
  export default {
    name:'OnlineConsultation',
    data(){
      return {
        radioValue:'概览',
      }
    },
    methods: {},
    components: {
      SelectModels,
      ServiceEvaluation,
    },
    computed: {}
  }
</script>

<style lang="scss" scoped>
  .OnlineConsultation{
    margin-bottom: 20px;
    .radio-box{
      text-align: center;
    }
    .container{
      margin-top: 20px;
    }
  }
</style>
